<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/assets/css/layui.css}">
    <link rel="stylesheet" th:href="@{/assets/css/login.css}">
    <script th:src="@{/assets/js/jquery-1.4.4.min.js}"></script>
    <script th:src="@{/assets/js/vue/vue.js}"></script>
    <script th:src="@{/assets/js/elementui/element-ui.js}"></script>
    <link rel="stylesheet" th:href="@{/assets/js/elementui/element-ui.css}">
    <title>管理后台</title>
</head>
<body class="login-wrap" >
<div id="vm" class="login-container">
    <form class="login-form">
        <h2 class="label">后台管理系统</h2>
        <div class="input-group">
            <input type="text" id="username" v-model="username"  class="input-field" @keyup.enter="userLogin()">
            <label for="username" class="input-label">
                <span class="label-title">用户名</span>
            </label>
        </div>
        <div class="input-group">
            <input type="password" id="password" v-model="password"  class="input-field" @keyup.enter="userLogin()">
            <label for="password" class="input-label">
                <span class="label-title">密码</span>
            </label>
        </div>
        <el-row>
            <el-col :span="12">
                <div class="input-group">
                    <input  id="verifyCode"  autocomplete="off" v-model="verifyCode"  class="input-field" @keyup.enter="userLogin()">
                    <label for="verifyCode" class="input-label">
                        <span class="label-title">验证码</span>
                    </label>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="input-group" style="margin-top: 2%">
                    <img :src="img" @click="refreshCode" :alt="tip">
                </div>
            </el-col>
        </el-row>
        <button type="button" @click="userLogin" class="login-button">登录<i class="ai ai-enter"></i></button>
    </form>
</div>
<script th:src="@{/assets/layui.js}"></script>
<script th:src="@{/assets/js/sys/login.js}"></script>
<script th:src="@{/assets/js/sys/index.js}"></script>
</body>
</html>